<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!-- 管理员全局通知组件 -->
    <div th:fragment="notification">
        <!-- 通知弹窗 -->
        <div id="adminNotification" class="position-fixed" style="top: 20px; right: 20px; z-index: 9999; display: none; max-width: 350px;">
            <div class="alert alert-warning alert-dismissible fade show shadow-lg" role="alert">
                <div class="d-flex align-items-start">
                    <i class="fas fa-exclamation-triangle me-2 mt-1" style="color: #856404;"></i>
                    <div class="flex-grow-1">
                        <h6 id="adminNotificationTitle" class="alert-heading mb-1">系统通知</h6>
                        <p id="adminNotificationContent" class="mb-0 small">您有新的系统通知</p>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        </div>

        <!-- 管理员通知脚本 -->
        <script>
            // 管理员通知相关变量
            let adminNotificationShown = false;
            let lastAdminNotificationTime = null;

            // 管理员通知检查函数（预留，目前管理员不需要实时通知）
            function checkAdminNotifications() {
                // 这里可以添加管理员特定的通知检查逻辑
                // 比如系统异常、重要订单等
                console.log('管理员通知检查（当前未启用）');
            }

            // 显示管理员通知
            function showAdminNotification(title, content) {
                const notificationElement = document.getElementById('adminNotification');
                const titleElement = document.getElementById('adminNotificationTitle');
                const contentElement = document.getElementById('adminNotificationContent');
                
                if (notificationElement && titleElement && contentElement) {
                    titleElement.textContent = title || '系统通知';
                    contentElement.textContent = content || '您有新的系统通知';
                    
                    notificationElement.style.display = 'block';
                    notificationElement.classList.add('animate__animated', 'animate__slideInRight');
                    
                    adminNotificationShown = true;
                    
                    // 10秒后自动隐藏
                    setTimeout(() => {
                        if (adminNotificationShown) {
                            hideAdminNotification();
                        }
                    }, 10000);
                }
            }

            // 隐藏管理员通知
            function hideAdminNotification() {
                const notificationElement = document.getElementById('adminNotification');
                if (notificationElement) {
                    notificationElement.style.display = 'none';
                    notificationElement.classList.remove('animate__animated', 'animate__slideInRight');
                    adminNotificationShown = false;
                }
            }

            // 管理员页面初始化
            document.addEventListener('DOMContentLoaded', function() {
                console.log('管理员全局通知组件已加载');
                
                // 管理员通常不需要实时轮询通知
                // 如果需要，可以取消下面的注释
                // setInterval(checkAdminNotifications, 30000); // 30秒检查一次
            });

            // 为管理员提供手动显示通知的方法（用于测试或特殊情况）
            window.showAdminNotification = showAdminNotification;
            window.hideAdminNotification = hideAdminNotification;
        </script>
    </div>
</body>
</html> 